<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../../css/aui.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/yzl.css"/>


    <style type="text/css">
        #tx {
            border-radius: 50%;
            width: 30px;
            height: 30px;
            display: inline;
            position: absolute;
            top: 7px;
            left: 3px;
        }

        .member_info {
            float: left;
            width: 25%;
            background-color: #FFFFFF;
        }

        .group_member {
            /*border-bottom:1px solid #EFEFEF;*/
            /*margin:0px 15px*/
            background-color: #FFFFFF;

        }

        .member_info div {
            margin: 10px 15px
        }

        .meber_nickname {
            color: #000000;
            padding: 2px;
            text-align: center;
            font-size: 14px
        }
    </style>
</head>
<body>
  <div id="blank" class="header">
      <div v-back.tapmode class="back"></div>
      <span class="title">群成员列表</span>
  </div>
<div id="app" v-cloak>
    <div class="group_top_info">
      <div class="aui-content aui-margin-b-15">
        <div class="aui-searchbar" id="search">
          <div class="aui-searchbar-input aui-border-radius">
            <i class="aui-iconfont aui-icon-search"></i>
            <input type="number" placeholder="请输入会员昵称" id="nickname">
          </div>
        </div>
              <ul class="aui-list aui-media-list">

                  <li class="aui-list-item aui-list-item-middle" v-myclick="[content.member_id, member_info]" v-for="(content, index) in members.members">
                      <div class="aui-media-list-item-inner">
                          <div class="aui-list-item-media" >
                              <img style="width:56px;height:56px" v-image-resize="{src:content.portrait?content.portrait:'../res/tx00.jpg'}" class="aui-img-round aui-list-img-sm">
                          </div>
                          <div class="aui-list-item-inner aui-list-item-arrow">
                              {{content.name}}
                          </div>
                      </div>
                  </li>
              </ul>
          </div>
    </div>
</div>
</body>
<script src="../../script/api.js"></script>

<script src="../../script/vue.js"></script>
<script src="../../script/app.js"></script>
<script src="../../script/common.js"></script>
<script src="../../script/url.js"></script>
<script type="text/javascript">
    var members;
    apiready = function () {
        api.parseTapmode();
        showProgress();

        var data = {
            member_id: getPrefs('member_id'),
            clan_id: api.pageParam.group_id
        };
        var callback = function (ret) {
            members = ret.content;
            console.log(JSON.stringify(members));
            initApp();
            api.parseTapmode();
        };
        pinet.post(URL.getClanMembers, data, callback);
    };

		function initApp() {
        vm = new Vue({
            el: '#app',
            data: {
                members:members
            },
            computed: {
            },
            methods: {
              member_info:function(member_id){
                openWin('../win/win_member_info',{uid:member_id,group_id:api.pageParam.group_id})
                
              },
            }

        });
    }
</script>
</html>
